import { ComponentStyle, DiyComponent } from '@/components/DiyEditor/util'

/** 搜索导航栏属性 */
export interface SearchNavbarProperty {
  // 搜索框占位符
  searchPlaceholder: string
  // 组件样式
  style: ComponentStyle
}

// 定义组件
export const component = {
  id: 'SearchNavbar',
  name: '搜索导航栏',
  icon: 'ep:search',
  position: 'top',
  property: {
    searchPlaceholder: '搜索感兴趣的车型',
    style: {
      bgType: 'color',
      bgColor: 'transparent',
      marginTop: 0,
      marginBottom: 0,
      marginLeft: 0,
      marginRight: 0,
      paddingTop: 0,
      paddingBottom: 0,
      paddingLeft: 0,
      paddingRight: 0,
      borderRadius: 0
    } as ComponentStyle
  }
} as DiyComponent<SearchNavbarProperty>

